<!---->
<template>
         <div class="cangge">
             <div class="cangge_container">
                <el-row :gutter="20">
                <el-col :span="6" :offset="6"><div class="grid-content bg-purple" style="text-align:right;padding:15px 0px">添加仓格</div></el-col>
                <el-col :span="6" :offset="6"><div  @click="colsecagnge" class="grid-content bg-purple fs17" style="text-align:right;padding:15px 15px 0px 0px;font-weight:600">X</div></el-col>
                </el-row>
                <form action="" class="cangge_form">
                <div class="form_div">
                    <span class="cangge_form_right">规格1</span>
                    <lable class="cangge_form_right">
                    <input type="text" placeholder="长20" style="width:80px;padding:4px 8px;">cm
                    </lable>
                    <lable class="cangge_form_right">
                    <input type="text" placeholder="宽15" style="width:80px;padding:4px 8px;">cm
                    </lable>
                    <lable class="cangge_form_right">
                    <input type="text" placeholder="高16" style="width:80px;padding:4px 8px;">cm
                    </lable>
                    <lable class="cangge_form_right">数量
                    <input type="text" placeholder="20" style="width:80px;padding:4px 8px;">cm
                    </lable>
                </div>
                <div>
                    <span class="cangge_form_right">规格2</span>
                    <lable class="cangge_form_right">
                    <input type="text" placeholder="长" style="width:80px;padding:4px 8px;">cm
                    </lable>
                    <lable class="cangge_form_right">
                    <input type="text" placeholder="宽" style="width:80px;padding:4px 8px;">cm
                    </lable>
                    <lable class="cangge_form_right">
                    <input type="text" placeholder="高" style="width:80px;padding:4px 8px;">cm
                    </lable>
                    <lable class="cangge_form_right">数量
                    <input type="text" placeholder="" style="width:80px;padding:4px 8px;">cm
                    </lable>
                    <button class="cangge_form_right">新增规格</button>
                </div>
                <div>
                    <input class="cangge_form_right tijiao" type="submit" placeholder="提交">
                    <button class="cangge_form_right tijiao">重置</button>
                </div>
                
                </form>
            </div>
         </div>
</template>
<script>
    export default{
        name:'addcange',
        data(){
            return{

            }
        },
        methods:{
            colsecagnge:function(){
                this.$store.state.container_shoeornot=true;
                this.$store.state.add_cangui_showornot=false;
                this.$store.state.add_cangge_showornot=false;
            },
        }
    }
</script>
<style scoped>
/*5*/
.cangge{width: 100%;height: 100%;position: fixed;bottom:0px;background-color: #000;background: rgba(0, 0, 0,0.2)}
.cangge_container{width:60%;height: 60%;background-color:white;opacity: 1;position: absolute;top: 20%;left: 12%;}
.cangge_form{padding-left: 100px;}
.cangge_form>div{margin-top: 50px;}
.cangge_form_right{margin-right: 15px;}
.tijiao{padding: 4px 7px;}
</style>